@charset "utf-8";
/* CSS Document */

html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%; /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
	-ms-text-size-adjust:100%; /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
	font-family: sans-serif; /* 1 */}
*{word-wrap: break-word; word-break:break-all;margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
a,area{outline:none; blur:expression(this.onFocus=this.blur())}
a{text-decoration:none; color:#000;}
a:focus{outline:none}
a:hover,a:active{outline:none; color:#164d9f; text-decoration:none;}
img{border:none;vertical-align:middle;}
.bordernone{border:none !important;}
.clearfix{*zoom:1; clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.clearfix:after{clear:both;}
.layui-clear{ clear:both;*zoom: 1;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}
.float-left , .fl{ float:left;}
.float-right , .fr{ float:right;}
.display-none{ display:none;}
/*不自适应的时候增加的代码-end*/
body{line-height:2;font-size:14px !important;}
.text-center {text-align: center;}


.headBg{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 99;width:100%;height:80px; margin:0 auto; padding:0px 0px; position:fixed; background:#fff;}
.head{display: -webkit-flex; width:100%; max-width:1280px; margin:0 auto;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding: 0 0px;height:80px;position: relative;}


.logo{ width:450px; float:left; position:relative; left:0px; top:0px;}
.headRight{ float:right;}
.language{ float:right; font-size:15px; line-height:20px; height:20px; position:relative; right:0px;display:block;top:40px;background:url(../images/languageIcon.jpg) left center no-repeat; padding-left:30px; margin-left:10px;}
.menu{ width:700px; float:right; margin-top:20px;}

#nav{ width:700px; margin:0px 0px; padding:0px 0px;}
#nav .mainlevel{float:left;width:100px;height:60px; line-height:60px;float:left;display:block;text-align:center;}
#nav .mainlevel a {color:#333;text-decoration:none;height:60px;font-family:"微软雅黑";text-align:center;line-height:60px;display:block;font-size:16px; width:100px;}
#nav li.mainlevel a:hover{width:100px;height:60px;color: #fff; background:#004b8f;}

#nav li.hover a:hover,#nav li.hover a{color: #fff; text-decoration:none;background:#004b8f;}
#nav li.mainlevel:hover {color:#fff;width:100px;height:60px;text-decoration:none;}
.menu ul li#mainlevel_01{ width:100px;height:60px; line-height:60px;}

#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:100px;z-index:2; margin-left:0px;}
.ulnav ul{width:100%;float:left; margin:0px 0px;background-color: #f5f5f5;overflow: hidden;position:relative;z-index: 2;}

#nav .mainlevel ul li {line-height:50px;height:50px; border-bottom:solid 1px #dddddd;display:block;width:100%;text-align:center;float:left;}
#nav .mainlevel ul li a{color:#333; font-family:"微软雅黑";line-height:40px; width:96%; padding:0 2%;height:40px;background:none;float:left;font-size:14px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#nav .mainlevel ul li a:hover{color:#1a65b3;line-height:40px; width:96%; padding:0 2%;height:40px;background:none;text-decoration:underline; font-size:14px;}



#nav .mainlevel .ulnav3 {display:none; position:absolute;padding:0;border-bottom:0px;width:140px;z-index:2; margin-left:0px;}
#nav .mainlevel .ulnav2 {display:none;position:absolute;padding:0;border-bottom:0px;width:100%;left:0px;background:#f5f5f5;padding:30px 0px;z-index:2;margin-left:0px;}

#nav .mainlevel .ulnav2 ul{ width:564px; display:block; margin:0 auto; padding:0px 0px; background:none; float:none !important;}
#nav .mainlevel .ulnav2 ul li{ width:252px; display:block; float:left; margin:0px 15px; height:auto !important; border-bottom:none;}
#nav .mainlevel .ulnav2 ul li a{ width:252px; display: block; float:left; height:202px; padding:0px 0px;}
#nav .mainlevel .ulnav2 ul li a img{ width:252px; height:112px; display:block; float:left;}
#nav .mainlevel .ulnav2 ul li a span{display:block;float:left;width:240px;height:30px;padding:5px 6px;line-height:30px;text-align:center;}
#nav .mainlevel .ulnav2 ul li a:hover span{ background:#1a65b3; color:#fff;}
/*---------- banner style ----------*/
.banner{ width:100%; height:500px; z-index:-9; margin:0px auto;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#1a65b3;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#9cd31e; cursor:pointer;}
.banner, .banner a {height:500px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}

.grayBg{ width:100%; padding:40px 0px; background:#f1f1f1;}
.search{ width:1200px; margin:0 auto; padding:0px 0px;}
.search h2{ display:block; float:left; width:100%; text-align:center; font-size:30px; color:#333; line-height:30px;}
.search label{ display:block; float:left; width:100%; text-align:center; font-size:15px; color:#666666; line-height:30px; margin:10px 0px;}
.search .searchBox{ width:422px; height:42px; display:block; margin:15px auto 0px auto; background:#fff; border:solid 1px #ccc;}
.search .searchBox .ipt1{ width:270px; display:block; float:left; padding:0px 10px 0px 40px; border:none; height:42px; background:url(../images/searchBtn.jpg) 8px 10px no-repeat; color:#999;}
.search .searchBox .btn1{display:block;float:right;height:42px; line-height:42px;width:102px;border:none;background:#1a65b3;color:#fff;text-align:center; font-size:16px;}

.cpzs{ width:1200px; margin:50px auto;}
.title1{ width:100%; float:left; text-align:center;}
.title1 h2{ display:block;font-size:30px; color:#333; font-weight:normal; width:100%; height:40px; line-height:40px;}
.title1 em{ display:block; margin:4px auto 0px auto; width:30px; height:4px; border-radius:4px; background:#1a65b3;}
.title1 label{display:block;float:left;background:url(../images/titleBg1.png) center center no-repeat; font-size:16px; color:#a2a2a2; height:30px; line-height:30px; width:100%;}

.cpzsMain{ width:1200px; margin:30px auto; float:left;}
.proBox{ width:1200px; float:left; padding-bottom:40px;}
.proBox .ulWrap{ width:1200px; height:640px; float:left;}
.proBox .ulWrap ul { width:1216px; margin-left:-15px;}
.proBox .ulWrap ul li{ width:288px; height:290px; display:block;float:left;box-shadow: 0 5px 5px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.34); margin-left:16px; margin-top:20px;}
.proBox .ulWrap ul .proImg{ width:288px; height:202px; display:block; float:left; overflow:hidden;}
.proBox .ulWrap ul .proImg img{ width:288px; height:202px;transform:scale(1,1);transition:all .3s;}
.proBox .ulWrap ul .proImg:hover img{transform:scale(1.3,1.3)}
.proBox .ulWrap ul .proTxt{ width:270px; float:left; padding:10px 9px;}
.proBox .ulWrap ul .proTxt h3{ display:block; float:left; width:270px; font-size:18px; color:#333; }
.proBox .ulWrap ul .proTxt h5{ display:block; float:left; width:270px; font-size:14px; font-weight:normal;color:#adadad; }
.proBox .hd{ width: 200px;height: 40px;border-radius: 3px;overflow: hidden;margin: 30px auto 50px auto;position: relative;}
.proBox .hd .prev,
.proBox .hd .next {position: absolute;text-align: center;line-height: 40px;width: 58%;height: 100%;color: #fff;transform: skewX(40deg);cursor: pointer;}
.proBox .hd .prev > div,
.proBox .hd .next > div {position: absolute;top: 50%;left: 50%;transform: scaleX(2) translate(-50%, -50%) skew(-23deg);}
.proBox .hd .prev {left: -9%;background-color: #9cd31e;}
.proBox .hd .prev > div {position:absolute;top:50%;left:40%;transform: scaleX(2) rotateY(180deg) translate(-40%, -50%) skew(23deg);}
.proBox .hd .next {right: -9%;background-color:#1a65b3;}

.proBox .hd .prev span,
.proBox .hd .next span{ width:24px; display:block; height:8px; margin:16px 0px;}


.gywm{ width:1200px; margin:0 auto;}
.gywmBox{ width:1200px; margin-top:40px; float:left;}
.gywmBox .gywmTxt{ width:500px; float:left; font-size:16px; line-height:30px; color:#333; height:320px; overflow:hidden;}
.gywmBox .gywmTxt a{ clear:both;display:block; float:left;margin-top:10px;text-align:center;width:110px; border-radius:5px;height:34px; line-height:34px;background:#1a65b3; color:#fff; font-size:14px;}
.gywmBox .gywmImg{ width:668px; height:322px; float:right; overflow:hidden;}

.hzkh{ width:1200px; margin:40px auto;}
.hzkhUl{ width:1200px; float:left; margin-top:30px;}
.hzkhUl ul{ width:1222px; margin-left:-22px;}
.hzkhUl ul li{ width:220px; height:78px; float:left; border:solid 1px #cac9c9; margin:10px 0px 10px 22px;}

.xwzx{ width:1200px; margin:0 auto; padding:30px 0px;}
.xwzxBox{ width:1200px; float:left; margin-top:30px;}


.xwzxBox ul{ display:block; margin:0px -15px;overflow:hidden;}
.xwzxBox ul li{ display:block; width:25%; float:left; padding-bottom:20px;}
.xwzxBox ul li .li_li{display:block;width:286px;margin:0 auto; background:#FFF;  box-shadow: 0px 4px 13px 0 rgba(102,102,102,0.2);}
.xwzxBox ul li .li_li .li_t{ display:block; width:286px; height:148px; overflow:hidden;}
.xwzxBox ul li .li_li .li_t a{ display:block;height:148px; width:286px; overflow:hidden;}
.xwzxBox ul li .li_li .li_t a img{ display:block;height:148px; width:286px;transform:scale(1,1);transition:all .3s;}


.xwzxBox ul li .li_li .li_t a:hover img{transform:scale(1.3,1.3)}

.xwzxBox ul li .li_li .li_c{ display:block;position:relative; z-index:9; padding-left:15px; }
.xwzxBox ul li .li_li .li_c span{ display:block;width:104px; height:32px; line-height:32px; background:#1a65b3; color:#fff; text-align:center; margin-top:-16px;  }
.xwzxBox ul li .li_li .li_b{ display:block; padding:5px 15px;}
.xwzxBox ul li .li_li .li_b b{ display:block; font-size:16px; height:24px; overflow:hidden; color:#333333; margin-bottom:10px;}
.xwzxBox ul li .li_li .li_b p{ display:block; font-size:14px; height:50px; overflow:hidden; line-height:25px; color:#888}
.xwzxBox ul li .li_li .li_b big{ display:block; line-height:22px; height:22px; background:url(../images/bg6.png) no-repeat 63px 8px; font-size:14px; color:#999; margin:5px 0px;}
.xwzxBox ul li .li_li:hover .li_c span{ background:#1a65b3; color:#FFF}
.xwzxBox ul li .li_li:hover .li_b b{ color:#1a65b3}


.footBg{ width:100%; background:#424242; padding:30px 0px; clear:both; margin-top:30px;}
.footMenuBox{ float:left; width:80px; margin-right:150px;}
.footMenuBox label{ color:#fff; width:80px; font-size:18px; font-weight:bold;display:block; float:left; height:30px; line-height:30px; background:url(../images/footLine.jpg) bottom left no-repeat; padding-bottom:10px;}
.footMenuBox  span{ display:block; float:left; width:80px; line-height:25px; margin-top:10px;}
.footMenuBox  span ul li{ width:150px; height:25px; line-height:25px; float:left;}
.footMenuBox  span ul li a{ color:#fff;}

.footMenuBox2{ float:left; width:100px; margin-right:150px;}
.footMenuBox2 label{ color:#fff; width:100px; font-size:18px; font-weight:bold;display:block; float:left; height:30px; line-height:30px;background:url(../images/footLine.jpg) bottom left no-repeat; padding-bottom:10px;}
.footMenuBox2  span{ display:block; float:left; width:100px; line-height:32px; margin-top:10px;}
.footMenuBox2  span ul li{ width:150px; height:25px; line-height:25px; float:left;}
.footMenuBox2  span ul li a{ color:#fff;}

.footMenuBox3{ float:left; margin-right:0px; width:330px;}
.footMenuBox3 label{color:#fff; width:330px; font-size:18px; font-weight:bold;display:block; float:left; height:30px; line-height:30px;background:url(../images/footLine.jpg) bottom left no-repeat; padding-bottom:10px;}
.footMenuBox3  span{ display:block; padding-left:25px; width:305px; color:#fff;background:url(../images/lxIcon.png) 0px 6px no-repeat;float:left;   line-height:25px;margin-top:10px;}

.footMenuBox4{ width:130px; float:right;}

.copyright{ width:100%; height:34px; line-height:34px;background:#343434; color:#fff;}
.copyright a{ color:#fff;}



.PageBody{ width:1200px; margin:40px auto;}
.PageBody .pageL{ width:264px; float:left;}
.PageBody .pageL .pageMenu{ width:264px; float:left; background:#f1f1f1;}


.PageBody .pageL .pageMenu header{ border:1px #d8d8d8 solid; background-color:#1a65b3; color:#fff; font-size:20px; padding:20px 0 20px 0; text-align:center;position:relative; z-index:5;}
.PageBody .pageL .pageMenu header h2{display:block;width:100%;float:left;margin:0px 0px;height:20px;line-height:20px; font-size:20px;}
.PageBody .pageL .pageMenu header span{ font-size:14px; display:block; width:100%; float:left;}
.PageBody .pageL .pageMenu li a{ display:block; padding-left:35px; padding-top:10px; padding-bottom:10px; line-height:20px;border-bottom:1px solid #d8d8d8;}
.PageBody .pageL .pageMenu li a:hover/*,
.PageBody .pageL .pageMenu li a.on*/{ background-color:#666;color:#fff;}

.PageBody .pageL .pageMenu,.sec_down a:hover{background-color:#f1f1f1; color:#000000;}
.PageBody .pageL .pageMenu li dl{ background-color:#fff; font-size:12px; display:none;}
.PageBody .pageL .pageMenu li a.click{ position:relative;} 
.PageBody .pageL .pageMenu li a.click::after,
.PageBody .pageL .pageMenu li a.click::before{ position:absolute; content:'';  background-color:#b72822; top:50%;}
.PageBody .pageL .pageMenu li a.click::after{width:15px; height:2px; left:10px; margin-top:-2px;}
.PageBody .pageL .pageMenu li a.click::before{width:2px; height:15px; left:16px; margin-top:-8px;}
.PageBody .pageL .pageMenu li dl dd a{ color:#999;}
.PageBody .pageL .pageMenu li dl dd a.aon,
.PageBody .pageL .pageMenu li dl dd a:hover{ color:#444; background: #aaa;}
.PageBody .pageL .pageMenu li a.aon::before{ display:none;}
.PageBody .pageL .pageMenu li a.aon::after{ background-color:#fff;}
@media(max-width:950px){
.PageBody .pageL .pageMenu header{ margin-top:0;font-size:20px; padding:15px 0; }
.PageBody .pageL .pageMenu{width: 104%;margin-left: -2%;}
}




.PageBody .pageR{ width:900px; float:right;}


.rightTitle{ width:900px; float:left; height:40px;border-bottom:solid 1px #e5e5e5;}

.INrightM1{float:left;height:40px; line-height:40px;width:300px;}
.INrightM1 span{position:relative; display:block; float:left; margin-top:-1px;border-bottom:solid 2px #1a65b3; padding:0px 5px;font-size:18px; font-weight:bold; color:#1a65b3;}
.title_more{ float:right;height:40px; line-height:40px;font-size:14px; color:#999;text-transform:uppercase; background:url(../images/rightIcon1.jpg) left center no-repeat; padding-left:20px;padding-right:10px;}

/*in_about*/

.in_con{width:900px;height:100%;overflow:auto; background:#fff;float:left; }
/*about*/
#in_about{float:left;display:block;width:870px;padding:10px 15px;height:auto;text-align:left;line-height:30px;}




/*----产品展示 end----*/
#in_pro{ width:900px; float:left;}
#in_pro ul { width:915px; margin-left:-15px;}
#in_pro ul li{ width:210px; height:240px; display:block;float:left;box-shadow: 0 5px 5px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.34); margin-left:15px; margin-top:20px;}
#in_pro ul .proImg{ width:210px; height:147px; display:block; float:left;}
#in_pro ul .proImg img{ width:210px; height:147px;}
#in_pro ul .proTxt{ width:190px; float:left; padding:10px 10px;}
#in_pro ul .proTxt h3{ display:block; float:left; width:190px; font-size:16px; line-height:25px;color:#333; }
#in_pro ul .proTxt h5{ display:block; float:left; width:190px; font-size:14px; font-weight:normal;color:#adadad; }

/*---产品展示2------*/
#in_pro2{ width:900px; float:left;}
#in_pro2 ul{ width:900px; display:block; float:left;}
#in_pro2 ul li{padding:15px 15px;margin:10px 0 10px;border: 2px solid #D8DFE3;}
#in_pro2 ul li .pro2Img{box-shadow:0px 0px 5px 5px #f1f4f6;border-radius:5px;background-color:#FFFFFF;padding:0;height:156px; width:152px; float:left;border: 0.5px solid #D8DFE3;}
#in_pro2 ul li .pro2Img img{ width:152px; height:156px;}
#in_pro2 ul li .pro2Txt{ width:460px; float:left;padding: 10px 30px;}
#in_pro2 ul li .pro2Txt label{display:block;float:left;width:100%;height:30px;line-height:30px;color: #E89F32;font-weight:bold;}
#in_pro2 ul li .pro2Txt dl{ display:block; float:left; width:100%;}
#in_pro2 ul li .pro2Txt dl dt{ display:block; float:left; width:100%; height:30px; line-height:30px;}
#in_pro2 ul li .pro2Txt dl dt a{ display:block;float:left;width:100%; height:30px;line-height:30px;color:#24439C;font-weight:600;}
#in_pro2 ul li .pro2Txt dl dt a .code{color: #383C3A;font-weight:600;}
#in_pro2 ul li .pro2Txt .pro2Tit{ display:block; float:left; width:100%;}
#in_pro2 ul li .pro2Btn { width:152px; float:right;}
#in_pro2 ul li .pro2Btn a{ width:150px; display:block; float:left; height:40px;background: #F1F4F6;
    color: #24439C;margin-bottom:10px; text-align:center; line-height:40px;}



/*----新闻-----*/

#in_news{float:left;display:block;width:870px;padding:10px 15px;}
#in_news ul li{line-height:36px;height36px;background: url(../images/dian.jpg) no-repeat 0 center;padding-left:10px;display:block; border-bottom:1px dashed #e7e8ec;}
#in_news ul li a{color: #333;}
#in_news ul li span{float: right; color: #666;}


/*分页*/
.pageNav{width:100%;height:auto;font-size:0px;text-align:center;position:relative;overflow:hidden; padding: 20px 0; margin-top:20px; margin-bottom:40px;}/*分页*/
.pageNav em{font-style:normal;}
.pageNav a,
.pageNav span{ display:inline-block; height:26px;line-height:24px;text-align:center; font-size:16px;color:#333;border:1px solid #e8e8e8;margin:0 5px; padding: 0 8px; font-size: 14px;}
.pageNav a.on, .pageNav a:hover,
.pageNav .laypage_curr{background-color:#1a65b3;color:#ffffff;border-color:#1a65b3;}
.pageNav a:first-child,
.pageNav a:last-child{background:none;border:1px solid #cccccc;font-weight:600;color:#888888;}

.title{font-size:18px; text-align:center; line-height:56px; height:56px; margin-bottom:10px; font-weight:bold; width:880px;  border:none; border-bottom:1px #CCCCCC solid;}
.subtxt{width:880px; height:25px;  line-height:25px; text-align:center; }
.pernext{width:720px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both;}